$(function () {
  // 文章分类
  
  // 获取文章分类列表数据
  function loadCateList () {
    $.ajax({
      type: 'get',
      url: 'my/article/cates',
      success: function (res) {
        if (res.status === 0) {
          // 获取列表数据
          var tags = template('list-tpl', res)
          $('.layui-table tbody').html(tags)
        } else {
          layer.msg(res.message)
        }
      }
    })
  }

  loadCateList()

  // 添加分类
  $('#add-btn').click(function () {
    // 1、弹窗
    var index = layer.open({
      // 弹出层样式
      type: 1,
      // 弹出层标题
      title: '添加文章分类',
      // 弹出层中的内容
      content: $('#add-tpl').html(),
      // 弹出层的宽度和高度
      area: ['500px', '260px']
    })

    // 2、绑定表单的提交事件
    $('.add-form').submit(function (e) {
      e.preventDefault()
      // 获取表单数据
      var fd = $(this).serialize()
      // 调用接口添加分类
      $.ajax({
        type: 'post',
        url: 'my/article/addcates',
        data: fd,
        success: function (res) {
          if (res.status === 0) {
            // 添加成功，关闭弹窗，刷新列表
            layer.close(index)
            loadCateList()
          }
        }
      })
    })
  })

  // 删除分类
  $('.layui-table tbody').on('click', '.delete', function (e) {
    // 获取分类的id
    var id = $(this).data('id')
    layer.confirm('确认要删除吗?', {icon: 3, title:'提示'}, function(index){
      // 调用接口删除
      $.ajax({
        type: 'get',
        url: 'my/article/deletecate/' + id,
        data: {
          id: id
        },
        success: function (res) {
          if (res.status === 0) {
            // 删除成功，刷新列表,关闭窗口
            layer.close(index)
            loadCateList()
          }
        }
      })
    })
  })

  // 编辑分类-根据id获取数据
  $('.layui-table tbody').on('click', '.edit', function (e) {
    // 获取要编辑的分类id
    var id = $(this).data('id')
    // 根据id获取分类的详情数据
    $.ajax({
      type: 'get',
      url: 'my/article/cates/' + id,
      data: {
        id: id
      },
      success: function (res) {
        if (res.status === 0) {
          // 获取成功，弹窗并且填充表单
          // 1、弹窗
          var index = layer.open({
            // 弹出层样式
            type: 1,
            // 弹出层标题
            title: '编辑文章分类',
            // 弹出层中的内容
            content: $('#edit-tpl').html(),
            // 弹出层的宽度和高度
            area: ['500px', '260px']
          })
          // 填充表单
          layui.form.val('edit-form', res.data)
          // 编辑分类-提交表单
          $('.edit-form').submit(function (e) {
            e.preventDefault()
            // 获取表单数据
            var fd = $(this).serialize()
            // 提交表单
            $.ajax({
              type: 'post',
              url: 'my/article/updatecate',
              data: fd,
              success: function (res) {
                if (res.status === 0) {
                  // 编辑成功，关闭窗口，刷新列表
                  layer.close(index)
                  loadCateList()
                }
              }
            })
          })
        }
      }
    })
  })

})